<template>
    <div class="main">
        <my-nav></my-nav>

        <div class="rmain">
            <header class="head">
                <img src="../../public/img/head/1.jpg" alt="">
            </header>

            <my-show></my-show>
        </div>


        <!-- 清除浮动 -->
        <my-clear></my-clear>
    </div>
</template>

<script>
import nav from '../components/nav.vue'
import show from '../components/show.vue'
import clear from '../components/clear.vue'

export default {
    components: {
        myNav: nav,
        myShow: show,
        myClear: clear
    }
}
</script>

<style lang="less" scoped>
    .main {
        width: 100%;
        padding: 10px 50px;


        .rmain {
            margin-left: 20px;
            width: calc(100% - 220px);
            height: 600px;
            float: right;
            .head {
                width: 100%;
                height: 150px;
                img {
                    width: 100%;
                    height: 100%;
                    cursor: pointer;
                }
            }
        }
    }
</style>

